<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>小儿推拿</title>
    <%@ include file="/include/datetables.jsp"%>
    <!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/css/home.css"> -->
</head>
<body>
<div class="Baby_Healthy_home">
    <!--左侧-->
    <jsp:include page="/include/menu.jsp" flush="true">
        <jsp:param name="index" value="2"/>
    </jsp:include>
    <!--右侧-->
    <div class="Baby_Healthy_home_right">
        <div class="Baby_Healthy_home_right_top">
            <ul class="Baby_Healthy_home_right_top_list">
                <li class="num1 js_power_8">预约列表</li>
                <li class="num2 js_power_9">预约看板</li>
                <li class="num3 js_power_47">预约信息</li>
            </ul>
        </div>
        <!--预约列表-->
        <div class="Baby_Healthy_home_right_bespeak_list" id="bespeak_list">
            <div class="Baby_Healthy_home_right_bespeak_search">
                <div>
                    <a class="btn btn-info js_addbespeak js_power_10 btn-sm" href="javascript:void(0)" style="height: 28px">添加预约</a>
                    <a class="btn btn-info btn-sm js_out_besk_btn js_power_67" href="javascript:void(0)" target="_blank" style="height: 28px">导出预约信息</a>
                </div>
                <!-- <button class="Baby_Healthy_home_right_bespeak_btn js_out_besk_btn">导出用户预约信息</button> -->
                <div class="Baby_Healthy_home_right_bespeak_btn_searchbox">
                    <input id="search" class="form-control bespeak_search_input" type="text" placeholder="输入手机号或姓名">
                    <button class="bespeak_search_button list_search">搜索</button>
                </div>
            </div>
            <div class="zccard_container">
                <div class="bespeak_search_container_seive">
                    <div class="form-inline search_choice_elm selDatebeskpeck">
                        <label class="search_label">日期筛选：
                            <input id="startDate"  type="text" class="form-control selstart" placeholder="请选择开始日期">
                            <span>&nbsp;至&nbsp;</span>
                            <input id="endDate" type="text" class="form-control selend"  placeholder="请选择结束日期">
                        </label>
                    </div>
                    <div class="form-inline search_choice_elm">
                        <label class="search_label">选择门店：</label>
                        <select  type="text" class="form-control select_arrow subclinic js_power_45" id="subclinic" placeholder="请选择门店">
                            <option class="" value="0">全部门店</option>
                        </select>
                    </div>
                    <div class="form-inline search_choice_elm">
                        <label class="search_label">预约类型：</label>
                        <select  type="text" class="form-control select_arrow js_bookingtype" placeholder="预约类型：">
                            <option class="" value="">全部</option>
                            <option class="" value="0">调理身体</option>
                            <option class="" value="1">预防保健</option>
                        </select>
                    </div>
                </div>
                <ul class="bespeak_change_list">
                    <li class="bespeak_change_list_actve bespeak_change_list_actve0" rel="0">待服务</li>
                    <li class="bespeak_change_list_actve bespeak_change_list_actve1" rel="6">已接诊</li>
                    <li class="bespeak_change_list_actve bespeak_change_list_actve2" rel="3">待付款</li>
                    <%--<li class="bespeak_change_list_actve bespeak_change_list_actve3" rel="1">已超时</li>--%>
                    <li class="bespeak_change_list_actve bespeak_change_list_actve3" rel="7">待完善</li>
                    <li class="bespeak_change_list_actve bespeak_change_list_actve4" rel="5">已取消</li>
                </ul>
                <div class="zcwrap">
                    <table class="zctable table table-striped table-no-bordered table-hover booking_list">
                        <thead>
                        <tr>
                            <th>预约宝宝</th>
                            <th>预约门店</th>
                            <th>预约推拿师</th>
                            <th>预约类型</th>
                            <th>调理类型</th>
                            <th>预约到店时间</th>
                            <th>预约来源</th>
                            <th>预约备注</th>
                            <th class="" style="text-align: center">操作</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
                
            </div>
        </div>
        <!--预约看板-->
        <div class="Baby_Healthy_home_right_bespeak Baby_Healthy_home_right_bespeak_list hidden" id="bespeak_board">
            <div class="bespeak_change_look_list">
                <div class="bespeak_change_look_list_ul days">
                    <li class="bespeak_change_look_li addBlueActive" id="day1">今天</li>
                    <li class="bespeak_change_look_li" id="day2">明天</li>
                    <li class="bespeak_change_look_li" id="day3">后天</li>
                    <li class="bespeak_change_look_li_input form-inline"><input type="text" class="form-control" id="bespeak_change_time" placeholder="选择日期"></li>
                    <li class="bespeak_change_look_li_select form-inline">
                        <label class="search_label">选择门店：</label>
                        <select class="form-control select_arrow subclinic js_kbsearch_subclinic js_power_45" id="subclinic_kanban" placeholder="选择门店" style="width:11rem;">
                            <option value="0">全部门店</option>
                        </select>
                    </li>
                    <li class="bespeak_change_look_li_select form-inline">
                        <label class="search_label">预约类型：</label>
                        <select type="text" class="form-control select_arrow js_kbsearch_type" placeholder="请选择类型">
                            <option value="">全部</option>
                            <option value="0">调理身体</option>
                            <option value="1">预防保健</option>
                        </select> 
                    </li>
                </div>
                <ul class="bespeak_change_look_list_tip">
                    <li><span class="tip_have"></span>已预约</li>
                    <li><span class="tip_has"></span>已接诊</li>
                    <li><span class="tip_empty"></span>空闲</li>
                    <li><span class="tip_had"></span>已超时</li>
                </ul>
            </div>
            <table class="bespeak_change_look" id="bespeak_change_look">
                <thead>
                <tr>
                    <th value="0"id="doctorNameTit" class="doctorName" style="text-align:left;padding-left: 0.5rem">推拿师</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <!--预约信息-->
        <div class="Baby_Healthy_home_right_bespeak_info Baby_Healthy_home_right_bespeak_list hidden" id="bespeak_info">
            <div class="Baby_Healthy_home_right_bespeak_search">
                <div>
                    <a class="btn btn-info js_addbespeak js_power_10 btn-sm" href="javascript:void(0)" style="height: 28px">添加预约</a>
                </div>
                <!-- <button class="Baby_Healthy_home_right_bespeak_btn">添加预约</button> -->
                <div class="Baby_Healthy_home_right_bespeak_btn_searchbox">
                    <input class="form-control bespeak_search_input" type="text" placeholder="输入推拿师姓名">
                    <button class="bespeak_search_button info_search">搜索</button>
                </div>
            </div>
            <div class="bespeak_search_container">
                <div class="bespeak_search_container_seive">
                    <button class="btn btn-info btn-sm weekbtn" id="weekprev" rel="-1" style="height: 28px;margin-top:9px;">上一周</button>
                    <button class="btn btn-info btn-sm weekbtn" id="weeknext" rel="1" style="height: 28px;margin-top:9px;">下一周</button>
                    <div class="form-inline search_choice_elm selDateStat" style="margin-left:2rem">
                        <label class="search_label">日期筛选：
                            <input id="startDate_stat"  type="text" class="form-control selstart" placeholder="请选择开始日期">
                            <span>&nbsp;至&nbsp;</span>
                            <input id="endDate_stat" type="text" class="form-control selend"  placeholder="请选择结束日期">
                        </label>
                    </div>
                    <div class="form-inline search_choice_elm" style="margin-left:2rem">
                        <label class="search_label">预约类型：</label>
                        <select  type="text" class="form-control select_arrow" id="status_info" placeholder="请选择门店">
                            <option value="">全部</option>
                            <option value="0">调理身体</option>
                            <option value="1">保健预防</option>
                        </select>
                    </div>
                    <div class="form-inline search_choice_elm last">
                        <label class="search_label">选择门店：</label>
                        <select  type="text" class="form-control select_arrow subclinic js_power_45" id="subclinic_info" placeholder="请选择门店" style="width:11rem;">
                            <option class="picker_style" value="0">全部门店</option>
                        </select>
                    </div>
                </div>
                <table class="bespeak_change_look" id="bespeak_stat_info" style="margin-left: 0;width:100%;">
                    <thead>
                    <tr>
                        <th value="0" id="timeTit" class="doctorName" style="text-align:left;padding-left: 0.5rem">时间</th>
                        <th value="0" class="doctorName" style="text-align:left;padding-left: 0.5rem">&nbsp;</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
<style>
    #select2-searchbox-results li:first-child{
        display: none;
    }
</style>
<!--添加预约-->
<div class="addBespeak hidden">
    <div class="addBespeak_box">
        <p class="addBespeak_tit">
            <span class="add">新增预约</span><span class="addBespeak_tit_close">×</span>
            <span class="save hidden">编辑预约</span><span class="addBespeak_tit_close">×</span>
        </p>
        <div class="couponContent">
            <form name="form" class="couponWrapper couponMargin" id="addBooking">
                <div class="couponOption">
                    <!-- <label class="formTipText formTipTextWidth">*&nbsp;手机号：</label> -->
                    <input id="bookingId" class="couponInput formTipMaxWidth js_bookingId" style="display: inline-block" name="bookingId" type="hidden">
                </div>
                <div class="couponOption js_searchvip_wrap">
                    <label class="formTipText formTipTextWidth">&nbsp;搜索会员(家长)：</label>
                    <select id="searchbox" class="couponInput formTipMaxWidth js_userPhones" style="display: inline-block; width: 52%">
                        <option value=""></option>
                    </select>
                </div>
                <div class="couponOption js_noUserWrap hidden">
                    
                    <label class="formTipText formTipTextWidth"></label>
                    <div style="display: inline-block;width: 52%;color:#53C7FF">
                            没有该用户,不能进行预约
                    </div>
                    <span id="flag1"></span>
                </div>
                <div class="couponOption js_patientwrap hidden">
                    <label class="formTipText formTipTextWidth" style="vertical-align: top;margin-top: 0.5rem">*&nbsp;宝宝信息：</label>
                    <div class="patientinfowrap">
                        <div class="patientlist">

                        </div>
                        <div class="patientinfo js_patientInfo">
                            <div class="row form-inline">
                                <span class="col-sm-3 nopd form-text font_left">宝宝姓名:</span>
                                <div class="col-sm-9 nopd">
                                    <input type="text" class="form-control w_10 js_patientName" />
                                </div>
                            </div>
                            <div class="row form-inline js_patientAgeWrap">
                                <span class="col-sm-3 nopd form-text font_left">宝宝年龄:</span>
                                <div class="col-sm-9 nopd">
                                    <input type="text" class="form-control w_10 js_patientAge" />
                                </div>
                            </div>
                            <div class="row form-inline js_patientBirthdayWrap hidden">
                                <span class="col-sm-3 nopd form-text font_left">宝宝生日:</span>
                                <div class="col-sm-9 nopd">
                                    <input type="text" class="form-control w_10 js_patientBirthday" />
                                </div>
                            </div>
                            <div class="row form-inline">
                                <span class="col-sm-3 nopd form-text font_left">宝宝性别:</span>
                                <div class="col-sm-9 nopd">
                                    <select name="" id="" class="form-control w_10 js_gender">
                                        <option value="0">男</option>
                                        <option value="1">女</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row form-inline js_lastTime_wrap">
                                <span class="col-sm-3 nopd form-text font_left">最近就诊:</span>
                                <div class="col-sm-9 nopd">
                                    <span class="form-text js_lastTime" ></span>
                                </div>
                            </div>
                            <div class="row form-inline js_tips1_wrap">
                                <div class="col-sm-6">
                                    <a href="javascript:void(0)" rel="1" class="tipsbtn js_tipsbtn">调理身体</a>
                                </div>
                                <div class="col-sm-6">
                                    <a href="javascript:void(0)" rel="2" class="tipsbtn js_tipsbtn">保健预防</a>
                                </div>
                            </div>
                            <div class="row form-inline js_tips2_wrap hidden">
                                <div class="col-sm-6">
                                    <a href="javascript:void(0)" rel="3" class="tipsbtn js_tipsbtn">继续调理</a>
                                </div>
                                <div class="col-sm-6">
                                    <a href="javascript:void(0)" rel="4" class="tipsbtn js_tipsbtn active">开始新病程</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="couponOption">
                    <label class="formTipText formTipTextWidth">*&nbsp;手机号：</label>
                    <input id="userPhone" class="couponInput formTipMaxWidth js_userPhone" style="display: inline-block" type="text" name='userPhone' placeholder="请输入手机号">
                    <span id="flag1"></span>
                </div>
                <div class="couponOption hidden">
                    <label class="formTipText formTipTextWidth">&nbsp;备用手机号：</label>
                    <input id="userPhones" class="couponInput formTipMaxWidth js_userPhones" style="display: inline-block" type="text" name="userPhones" placeholder="请输入手机号">
                </div>
                <div class="couponOption hidden">
                    <label class="formTipText formTipTextWidth">*&nbsp;预约人：</label>
                    <input id="userName" class="couponInput formTipMaxWidth js_userName" style="display: inline-block" type="text" name="userName" placeholder="请输入预约人姓名">
                    <span id="flag2"></span>
                </div>
                <div class="couponOption">
                    <label class="formTipText formTipTextWidth">*&nbsp;预约到店时间：</label>
                    <input id="bookingTime" name="bookingTime" class="couponInput couponCount formTipMaxWidth js_bookingTime" placeholder="请选择时间" type="text" >
                    <span id="flag4"></span>
                </div>
                <div class="couponOption">
                    <label class="formTipText formTipTextWidth">*&nbsp;预约推拿师：</label>
                    <select name="subclinicId" class="couponInput couponShop subclinic js_subclinicId js_power_45" id="selsubclinicId" name="subclinicId" style="width:26.5%">
                        <option value="">请选择门店</option>
                    </select>
                    <select name="doctorId" class="couponInput couponShop doctor js_doctorId" id="doctor"  style="width:25%">
                        <option value="">请选择推拿师</option>
                    </select>
                    <span id="flag5"></span>
                </div>
                <div class="couponOption">
                    <label class="formTipText formTipTextWidth" style="vertical-align: top">预约备注：</label>
                    <textarea id="bookingDesc" class="couponDesc formTipMaxWidth js_bookingDesc" name="bookingDesc" placeholder="请输入预约备注"></textarea>
                </div>
            </form>
            <div class="submitBtns submitBtnsBgc">
                <button class="sureBtn">提交</button>
                <button class="saveBtn hidden">确定</button>
                <%--<button class="putawayBtn">上架</button>--%>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/zcbase.js"></script>
<script src="${pageContext.request.contextPath}/js/booking.js"></script>
<script>

    $(function() {
        // getKBDatas();//获取预约看板
        // getbesInfoDatas();
    })
</script>
</html>